home *** CD-ROM | disk | FTP | other *** search
/ PC World 2008 September / PCWorld_2008-09_cd.bin / system / xptools / xtsetup.exe / {app} / script / _TreeView / ftiens4.js next >
Encoding:
JavaScript  |  2004-07-11  |  11.4 KB  |  455 lines
  1.  
  2.  
  3. // Definition of class Folder 
  4. // ***************************************************************** 
  5.  
  6. function Folder(folderDescription, hreference) //constructor 
  7. { 
  8.   //constant data 
  9.   this.desc = folderDescription 
  10.   this.hreference = hreference 
  11.   this.id = -1   
  12.   this.navObj = 0  
  13.   this.iconImg = 0  
  14.   this.nodeImg = 0  
  15.   this.isLastNode = 0 
  16.  
  17.   //dynamic data 
  18.   this.isOpen = true 
  19.   this.iconSrc = "_TreeView/ftv2folderopen.gif"   
  20.   this.children = new Array 
  21.   this.nChildren = 0 
  22.  
  23.   //methods 
  24.   this.initialize = initializeFolder 
  25.   this.setState = setStateFolder 
  26.   this.addChild = addChild 
  27.   this.createIndex = createEntryIndex 
  28.   this.hide = hideFolder 
  29.   this.display = display 
  30.   this.renderOb = drawFolder 
  31.   this.totalHeight = totalHeight 
  32.   this.subEntries = folderSubEntries 
  33.   this.outputLink = outputFolderLink 
  34. } 
  35.  
  36. function setStateFolder(isOpen) 
  37. { 
  38.   var subEntries 
  39.   var totalHeight 
  40.   var fIt = 0 
  41.   var i=0 
  42.  
  43.   if (isOpen == this.isOpen) 
  44.     return 
  45.  
  46.   if (browserVersion == 2)  
  47.   { 
  48.     totalHeight = 0 
  49.     for (i=0; i < this.nChildren; i++) 
  50.       totalHeight = totalHeight + this.children[i].navObj.clip.height 
  51.       subEntries = this.subEntries() 
  52.     if (this.isOpen) 
  53.       totalHeight = 0 - totalHeight 
  54.     for (fIt = this.id + subEntries + 1; fIt < nEntries; fIt++) 
  55.       indexOfEntries[fIt].navObj.moveBy(0, totalHeight) 
  56.   }  
  57.   this.isOpen = isOpen 
  58.   propagateChangesInState(this) 
  59. } 
  60.  
  61. function propagateChangesInState(folder) 
  62. {   
  63.   var i=0 
  64.  
  65.   if (folder.isOpen) 
  66.   { 
  67.     if (folder.nodeImg) 
  68.       if (folder.isLastNode) 
  69.         folder.nodeImg.src = "_TreeView/ftv2mlastnode.gif" 
  70.       else 
  71.       folder.nodeImg.src = "_TreeView/ftv2mnode.gif" 
  72.     folder.iconImg.src = "_TreeView/ftv2folderopen.gif" 
  73.     for (i=0; i<folder.nChildren; i++) 
  74.       folder.children[i].display() 
  75.   } 
  76.   else 
  77.   { 
  78.     if (folder.nodeImg) 
  79.       if (folder.isLastNode) 
  80.         folder.nodeImg.src = "_TreeView/ftv2plastnode.gif" 
  81.       else 
  82.       folder.nodeImg.src = "_TreeView/ftv2pnode.gif" 
  83.     folder.iconImg.src = "_TreeView/ftv2folderclosed.gif" 
  84.     for (i=0; i<folder.nChildren; i++) 
  85.       folder.children[i].hide() 
  86.   }  
  87. } 
  88.  
  89. function hideFolder() 
  90. { 
  91.   if (browserVersion == 1) { 
  92.     if (this.navObj.style.display == "none") 
  93.       return 
  94.     this.navObj.style.display = "none" 
  95.   } else { 
  96.     if (this.navObj.visibility == "hiden") 
  97.       return 
  98.     this.navObj.visibility = "hiden" 
  99.   } 
  100.    
  101.   this.setState(0) 
  102. } 
  103.  
  104. function initializeFolder(level, lastNode, leftSide) 
  105. { 
  106. var j=0 
  107. var i=0 
  108. var numberOfFolders 
  109. var numberOfDocs 
  110. var nc 
  111.       
  112.   nc = this.nChildren 
  113.    
  114.   this.createIndex() 
  115.  
  116.   var auxEv = "" 
  117.  
  118.   if (browserVersion > 0) 
  119.     auxEv = "<a href='javascript:clickOnNode("+this.id+")'>" 
  120.   else 
  121.     auxEv = "<a>" 
  122.  
  123.   if (level>0) 
  124.     if (lastNode) //the last 'brother' in the children array 
  125.     { 
  126.       this.renderOb(leftSide + auxEv + "<img name='nodeIcon" + this.id + "' src='_TreeView/ftv2mlastnode.gif' width=16 height=22 border=0></a>") 
  127.       leftSide = leftSide + "<img src='_TreeView/ftv2blank.gif' width=16 height=22>"  
  128.       this.isLastNode = 1 
  129.     } 
  130.     else 
  131.     { 
  132.       this.renderOb(leftSide + auxEv + "<img name='nodeIcon" + this.id + "' src='_TreeView/ftv2mnode.gif' width=16 height=22 border=0></a>") 
  133.       leftSide = leftSide + "<img src='_TreeView/ftv2vertline.gif' width=16 height=22>" 
  134.       this.isLastNode = 0 
  135.     } 
  136.   else 
  137.     this.renderOb("") 
  138.    
  139.   if (nc > 0) 
  140.   { 
  141.     level = level + 1 
  142.     for (i=0 ; i < this.nChildren; i++)  
  143.     { 
  144.       if (i == this.nChildren-1) 
  145.         this.children[i].initialize(level, 1, leftSide) 
  146.       else 
  147.         this.children[i].initialize(level, 0, leftSide) 
  148.       } 
  149.   } 
  150. } 
  151.  
  152. function drawFolder(leftSide) 
  153. { 
  154.   if (browserVersion == 2) { 
  155.     if (!doc.yPos) 
  156.       doc.yPos=8 
  157.     doc.write("<layer id='folder" + this.id + "' top=" + doc.yPos + " visibility=hiden>") 
  158.   } 
  159.    
  160.   doc.write("<table ") 
  161.   if (browserVersion == 1) 
  162.     doc.write(" id='folder" + this.id + "' style='position:block;' ") 
  163.   doc.write(" border=0 cellspacing=0 cellpadding=0>") 
  164.   doc.write("<tr><td>") 
  165.   doc.write(leftSide) 
  166.   this.outputLink() 
  167.   doc.write("<a href='javascript:clickOnNode("+this.id+")'>"+"<img name='folderIcon" + this.id + "' ") 
  168.   doc.write("src='" + this.iconSrc+"' border=0></a>") 
  169.   doc.write("</td><td valign=middle nowrap>"+"<a href='javascript:clickOnNode("+this.id+")'>") 
  170.   if (USETEXTLINKS) 
  171.   { 
  172.     this.outputLink() 
  173.     doc.write(this.desc + "</a>") 
  174.   } 
  175.   else 
  176.     doc.write(this.desc) 
  177.   doc.write("</a></td>")  
  178.   doc.write("</table>") 
  179.    
  180.   if (browserVersion == 2) { 
  181.     doc.write("</layer>") 
  182.   } 
  183.  
  184.   if (browserVersion == 1) { 
  185.     this.navObj = doc.all["folder"+this.id] 
  186.     this.iconImg = doc.all["folderIcon"+this.id] 
  187.     this.nodeImg = doc.all["nodeIcon"+this.id] 
  188.   } else if (browserVersion == 2) { 
  189.     this.navObj = doc.layers["folder"+this.id] 
  190.     this.iconImg = this.navObj.document.images["folderIcon"+this.id] 
  191.     this.nodeImg = this.navObj.document.images["nodeIcon"+this.id] 
  192.     doc.yPos=doc.yPos+this.navObj.clip.height 
  193.   } 
  194. } 
  195.  
  196. function outputFolderLink() 
  197. { 
  198.   if (this.hreference) 
  199.   { 
  200.   //  doc.write("<a href='" + this.hreference + "' TARGET=\"basefrm\" ") 
  201.     doc.write("<a href='" + this.hreference + "' TARGET=\"main\" ") 
  202.     if (browserVersion > 0) 
  203.       doc.write("onClick='javascript:clickOnFolder("+this.id+")'") 
  204.     doc.write(">") 
  205.   } 
  206.   else 
  207.  
  208. {  doc.write("<a>") 
  209.   doc.write("<a href='javascript:clickOnFolder("+this.id+")'>")   
  210. }
  211. } 
  212.  
  213. function addChild(childNode) 
  214. { 
  215.   this.children[this.nChildren] = childNode 
  216.   this.nChildren++ 
  217.   return childNode 
  218. } 
  219.  
  220. function folderSubEntries() 
  221. { 
  222.   var i = 0 
  223.   var se = this.nChildren 
  224.  
  225.   for (i=0; i < this.nChildren; i++){ 
  226.     if (this.children[i].children) //is a folder 
  227.       se = se + this.children[i].subEntries() 
  228.   } 
  229.  
  230.   return se 
  231. } 
  232.  
  233.  
  234. // Definition of class Item (a document or link inside a Folder) 
  235. // ************************************************************* 
  236.  
  237. function Item(itemDescription, itemLink) // Constructor 
  238. { 
  239.   // constant data 
  240.   this.desc = itemDescription 
  241.   this.link = itemLink 
  242.   this.id = -1 //initialized in initalize() 
  243.   this.navObj = 0 //initialized in render() 
  244.   this.iconImg = 0 //initialized in render() 
  245.   this.iconSrc = "_TreeView/ftv2doc.gif" 
  246.  
  247.   // methods 
  248.   this.initialize = initializeItem 
  249.   this.createIndex = createEntryIndex 
  250.   this.hide = hideItem 
  251.   this.display = display 
  252.   this.renderOb = drawItem 
  253.   this.totalHeight = totalHeight 
  254. } 
  255.  
  256. function hideItem() 
  257. { 
  258.   if (browserVersion == 1) { 
  259.     if (this.navObj.style.display == "none") 
  260.       return 
  261.     this.navObj.style.display = "none" 
  262.   } else { 
  263.     if (this.navObj.visibility == "hiden") 
  264.       return 
  265.     this.navObj.visibility = "hiden" 
  266.   }     
  267. } 
  268.  
  269. function initializeItem(level, lastNode, leftSide) 
  270. {  
  271.   this.createIndex() 
  272.  
  273.   if (level>0) 
  274.     if (lastNode) //the last 'brother' in the children array 
  275.     { 
  276.       this.renderOb(leftSide + "<img src='_TreeView/ftv2lastnode.gif' width=16 height=22>") 
  277.       leftSide = leftSide + "<img src='_TreeView/ftv2blank.gif' width=16 height=22>"  
  278.     } 
  279.     else 
  280.     { 
  281.       this.renderOb(leftSide + "<img src='_TreeView/ftv2node.gif' width=16 height=22>") 
  282.       leftSide = leftSide + "<img src='_TreeView/ftv2vertline.gif' width=16 height=22>" 
  283.     } 
  284.   else 
  285.     this.renderOb("")   
  286. } 
  287.  
  288. function drawItem(leftSide) 
  289. { 
  290.   if (browserVersion == 2) 
  291.     doc.write("<layer id='item" + this.id + "' top=" + doc.yPos + " visibility=hiden>") 
  292.      
  293.   doc.write("<table ") 
  294.   if (browserVersion == 1) 
  295.     doc.write(" id='item" + this.id + "' style='position:block;' ") 
  296.   doc.write(" border=0 cellspacing=0 cellpadding=0>") 
  297.   doc.write("<tr><td>") 
  298.   doc.write(leftSide) 
  299.   doc.write("<a href='javascript:clickOnFolder("+this.id+")'>") 
  300.   doc.write("<img id='itemIcon"+this.id+"' ") 
  301.   doc.write("src='"+this.iconSrc+"' border=0>") 
  302.   doc.write("</a>") 
  303.   doc.write("</td><td valign=middle nowrap>"+"<a href='javascript:clickOnFolder("+this.id+")'>") 
  304.  // if (USETEXTLINKS)
  305.  //   doc.write("<a href=" + this.link + " target=\"main\">" + this.desc + "</a>")
  306. //  else 
  307.     doc.write(this.desc) 
  308.   doc.write("</a>"+"</table>") 
  309.    
  310.   if (browserVersion == 2) 
  311.     doc.write("</layer>") 
  312.  
  313.   if (browserVersion == 1) { 
  314.     this.navObj = doc.all["item"+this.id] 
  315.     this.iconImg = doc.all["itemIcon"+this.id] 
  316.   } else if (browserVersion == 2) { 
  317.     this.navObj = doc.layers["item"+this.id] 
  318.     this.iconImg = this.navObj.document.images["itemIcon"+this.id] 
  319.     doc.yPos=doc.yPos+this.navObj.clip.height 
  320.   } 
  321. } 
  322.  
  323.  
  324. // Methods common to both objects (pseudo-inheritance) 
  325. // ******************************************************** 
  326.  
  327. function display() 
  328. { 
  329.   if (browserVersion == 1) 
  330.     this.navObj.style.display = "block" 
  331.   else 
  332.     this.navObj.visibility = "show" 
  333. } 
  334.  
  335. function createEntryIndex() 
  336. { 
  337.   this.id = nEntries 
  338.   indexOfEntries[nEntries] = this 
  339.   nEntries++ 
  340. } 
  341.  
  342. // total height of subEntries open 
  343. function totalHeight() //used with browserVersion == 2 
  344. { 
  345.   var h = this.navObj.clip.height 
  346.   var i = 0 
  347.    
  348.   if (this.isOpen) //is a folder and _is_ open 
  349.     for (i=0 ; i < this.nChildren; i++)  
  350.       h = h + this.children[i].totalHeight() 
  351.  
  352.   return h 
  353. } 
  354.  
  355.  
  356. // Events 
  357. // ********************************************************* 
  358.  
  359. function clickOnFolder(folderId) 
  360. { 
  361.   var clicked = indexOfEntries[folderId] 
  362.  
  363. //  if (!clicked.isOpen) 
  364. //    clickOnNode(folderId) 
  365.  
  366.   return  
  367.  
  368. //  if (clicked.isSelected) 
  369.     return 
  370. } 
  371.  
  372. function clickOnNode(folderId) 
  373. { 
  374.   var clickedFolder = 0 
  375.   var state = 0 
  376.  
  377.   clickedFolder = indexOfEntries[folderId] 
  378.   state = clickedFolder.isOpen 
  379.  
  380.   clickedFolder.setState(!state) //open<->close  
  381. } 
  382.  
  383. function initializeDocument() 
  384. { 
  385.   if (doc.all) 
  386.     browserVersion = 1 //IE4   
  387.   else 
  388.     if (doc.layers) 
  389.       browserVersion = 2 //NS4 
  390.     else 
  391.       browserVersion = 0 //other 
  392.  
  393.   foldersTree.initialize(0, 1, "") 
  394.   foldersTree.display()
  395.   
  396.   if (browserVersion > 0) 
  397.   { 
  398.     doc.write("<layer top="+indexOfEntries[nEntries-1].navObj.top+"> </layer>") 
  399.  
  400.     // close the whole tree 
  401.     clickOnNode(0) 
  402.     // open the root folder 
  403.     clickOnNode(0) 
  404.   } 
  405. } 
  406.  
  407. // Auxiliary Functions for Folder-Treee backward compatibility 
  408. // ********************************************************* 
  409.  
  410. function gFld(description, hreference) 
  411. { 
  412.   folder = new Folder(description, hreference) 
  413.   return folder 
  414. } 
  415.  
  416. function gLnk(target, description, linkData) 
  417. { 
  418.   fullLink = "" 
  419.  
  420.   if (target==0) 
  421.   { 
  422.     fullLink = linkData 
  423.   } 
  424.   else 
  425.   { 
  426.     if (target==1) 
  427.        fullLink = "'http://"+linkData+"' target=_blank" 
  428.     else 
  429.        fullLink = "'http://"+linkData+"' target=\"basefrm\"" 
  430.   } 
  431.  
  432.   linkItem = new Item(description, fullLink)   
  433.   return linkItem 
  434. } 
  435.  
  436. function insFld(parentFolder, childFolder) 
  437. { 
  438.   return parentFolder.addChild(childFolder) 
  439. } 
  440.  
  441. function insDoc(parentFolder, document) 
  442. { 
  443.   parentFolder.addChild(document) 
  444. } 
  445.  
  446. // Global variables 
  447. // **************** 
  448.  
  449. USETEXTLINKS = 1 
  450. indexOfEntries = new Array 
  451. nEntries = 0 
  452. doc = document 
  453. browserVersion = 0 
  454. selectedFolder=0
  455.